<template>
  <div>
    <CloudPopover>
      <template slot="content"> 123 </template>
      <CloudButton> hover me </CloudButton>
    </CloudPopover>
    <CloudPopover trigger="focus">
      <template slot="content"> 123 </template>
      <CloudButton> focus me </CloudButton>
    </CloudPopover>
    <CloudPopover trigger="click">
      <template slot="content"> 123 </template>
      <CloudButton> click me </CloudButton>
    </CloudPopover>
  </div>
</template>

<script>
  export default {
    title: '7.无标题',
    subTitle: '轻提示信息类',
    data () {
      return {
        value: 2
      }
    },
    methods: {
    }
  }
</script>

<style lang="scss">
</style>